
@import '../func/flv';
@import '../func/colorLight';



// 定义变量                //  blue  {}
@mixin generateThemeContent($name, $theme) {
    $globalTheme: $theme !global;
  
    $globalThemeName: $name !global;
    //  #12b4a5
    $colorPrimary: plv(colorPrimary) !global;
    $colorPrimaryLight: colorLight($colorPrimary) !global;
    $colorSuccess: plv(colorSuccess) !global;
    $colorWarn: plv(colorWarn) !global;
    $colorError: plv(colorError) !global;
    $colorInfo: plv(colorInfo) !global;
    $disabled: plv(disabled) !global;
    $disabledBg: plv(disabledBg) !global;
    $disabledLight: plv(disabledLight) !global;
    $disabledDeep: plv(disabledDeep) !global;
    $disabledText: plv(disabledText) !global;
    $font: plv(font) !global;
    $fontSizeMiddle: plv(fontSizeMiddle) !global;
    $ibc: plv(ibc) !global;
    $ibl: plv(ibl) !global;
    $itc: plv(itc) !global;
    $itl: plv(itl) !global;
    $ihc: plv(ihc) !global;
    $ipc: plv(ipc) !global;

    $icc: plv(icc) !global;
    $transitionFlexible: plv(transitionFlexible) !global;
    $transition: plv(transition) !global;
    $transitionAll: plv(transitionAll) !global;
    $transition2: plv(transition2) !global;
    $shapeFillet: plv(shapeFillet) !global;
    $popperRadius: plv(popperRadius) !global;
    $boxshadow: plv(boxshadow) !global;
    $boxshadowColor: plv(boxshadowColor) !global;
  
    @if (str_length($name)>0) {
      .theme-#{$name} {
        @content;
      }
    }
    @else {
      html {
        @content;
      }
    }
  }


  @mixin statusMixin($component) {
    @each $key in (Primary, Success, Warn, Error, Info) {
  
      $value: plv(color#{$key}) !global;
  
      $name: to-lower-case($key) !global;
  
      &.epee-#{$component}-#{$name} {
        @content;
      }
    }
  };



// $themes = { '':{},'blue':{},'violet':{}}


// 通过@mixin加名称的方式就可以定义一个Mixins模块，在模块内你可以添加任何你想重复使用的样式。@mixin button
// 使用    @include button;  




